
<script type="text/javascript">
<!--
	$(document).ready(function(){
			ponerTitulo("Administraci&oacuten de Puertos ");
					
			jQuery("#s4list").jqGrid({ 
			url:'${pageContext.request.contextPath}/Puerto.action?oper=cargarPuertos',
			editurl:'${pageContext.request.contextPath}/Puerto.action', 
			datatype: "json", 
			height: 'auto', width: 'auto', 
			colModel:[ 
						{name:'idPuerto',index:'idPuerto',hidden:true, width:150, label:'Id Puerto', sortable:true, editable:false},
						{name:'nombrePuerto',index:'nombrePuerto', width:250, label:'Nombre Puerto', editable:true, edittype:"text"},
						{name:'descripcion',index:'descripcion', width:150, label:'Descripcion Puerto', editable:true, edittype:"text"},						
						
					], 
			rowNum:20, rowList:[2,20,30], 
			mtype: "POST", 
			rownumbers: true, rownumWidth: 40, 
			gridview: true, 
			pager: '#s4pager', 
			sortname: 'idPuerto', viewrecords: true, sortorder: "asc", 
			caption: "Mantenimiento de Puertos" 
		}).navGrid('#s4pager', { edit:true,add:true,del:true,search:true,refresh:true }, 
				{	width:400,height:500,
					//beforeShowForm:function(formid){
						//cargarCombo('${pageContext.request.contextPath}/combo.action','opcionesCombo','#opcionMenu');
						//$('#FechaArribo').datepicker({
						//	inline: true, dateFormat: 'dd/mm/yy' 
					//	});
					//}
				}, // edit options 
				{	width:400,height:500,
					//beforeShowForm:function(formid){
						//cargarCombo('${pageContext.request.contextPath}/combo.action','opcionesCombo','#opcionMenu');
						//$("#FechaArribo").dateicker(); 
						//$('#FechaArribo').datepicker({
						//	inline: true, dateFormat: 'dd/mm/yy'
					//	});
					//}
				}, // add options 
				//{width:375,height:175}, //del options 
				
				{multipleSearch:true} // search options 
			);
			
				
	});
</script>
<!-- <input type="text" id="prueba"/> -->
<center>
<table id="s4list" cellpadding="0" cellspacing="0"></table>
<div id="s4pager"  style="text-align:center;" ></div>
 
</center>